<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base target="${cxt  } /" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>

<link href="css/dz/dz.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/dz/dz.js"></script>

<link rel="stylesheet" href="css/date/reset.css" />
<link rel="stylesheet" href="css/date/style.css" />
<link rel="stylesheet" type="text/css" href="css/city/kuCity.css" />
<script src="js/dz/kuCity.js" type="text/javascript" charset="utf-8"></script>
<script src="js/dz/Ecalendar.jquery.min.js" type="text/javascript"></script>


<title>短租首页</title>
</head>
<body>
	<div style="background-color: #1B2B3B">
		<jsp:include page="../NavigationBar.jsp" flush="true"></jsp:include>
	</div>
	<div style="width: 100%; background-color: white;">
		<form id="dzset" action="setinfo" method="post">
		<input name = "dzflag" type="hidden"/>
			<div class="dz_head_base">
				<!--短租上方选择栏-->
				<div class="dz_head_div_base">
					<div class="dz_head">
						<div class="dz_list1">取车</div>
						<input type="text" id="city1" name="city1" class="dz_list2"
							placeholder="株洲" value="株洲" /> <select name="selectgo"
							class="dz_list3">
							<option value="1" selected="selected">工大店</option>
							<option value="2">韬睿店</option>
						</select>
					</div>
					<div class="dz_head">
						<div class="dz_list1">还车</div>
						<input type="text" id="city2" name="city2" class="dz_list2"
							placeholder="株洲" value="株洲 " /> <select name="selectre"
							class="dz_list3">
							<option value="1" selected="selected">工大店</option>
							<option value="2">韬睿店</option>
						</select>
					</div>
				</div>
				<div class="dz_head_div_base">
					<label class="dz_lable">送车上门</label>
					<div alt="0" name="pic_change" class="dz_open"></div>
					<br /> <label class="dz_lable">上门取车</label>
					<div alt="0" name="pic_change" class="dz_open"></div>
				</div>

				<div class="dz_head_div_base">
					<div class="dz_head">
						<div class="dz_list4">取车时间</div>
						<div class="relative">
							<c:choose>
								<c:when test="${sessionScope.timego!=null }">
									<input id="gettimego" class="dz_list5" type="text" name="date1"
										value="${sessionScope.timego }" />
								</c:when>
								<c:otherwise>
									<input id="gettimego" class="dz_list5" type="text" name="date1"
										value="${datenow }" />
								</c:otherwise>
							</c:choose>
						</div>
						<input class="dz_list6" type="text" name="date1_" value="00-00"
							readOnly="true" />
					</div>
					<div class="dz_head">
						<div class="dz_list4">还车时间</div>
						<div class="relative">
							<c:choose>
								<c:when test="${sessionScope.timere!=null }">
									<input id="gettimere" class="dz_list5" type="text" name="date2"
										value="${sessionScope.timere }" />
								</c:when>
								<c:otherwise>
									<input id="gettimere" class="dz_list5" type="text" name="date2"
										value="${dateto }" />
								</c:otherwise>
							</c:choose>

						</div>
						<input class="dz_list6" type="text" name="date2_" type="text"
							value="00-00" readOnly="true" />
					</div>
				</div>
				<div class="dz_head_div_base">
					<p>
						<c:choose>
							<c:when test="${sessionScope.dayss!=null }">
							<input name = "indays" id="indays" type="hidden" value="${sessionScope.dayss }"> 租期
							<span id="days" class="zc_head_font">${sessionScope.dayss }</span>天不限里程
							</c:when>
							<c:otherwise>
							<input name = "indays" id="indays" type="hidden" value="2"> 租期
							<span id="days" class="zc_head_font">2</span>天不限里程
							</c:otherwise>
						</c:choose>
					</p>
					<span id="dz_ljzc" class="zc_head_btn"><span
						class="zc_head_font2">立即选车</span></span>
				</div>
			</div>
		</form>
	</div>

	<div class="dz_body_base">
		<!--左边的div-->

		<div class="dz_body_left">
			<!--车型-->

			<div class="dz_car_type">
				<p class="dz_p">车型</p>
				<ul class="dz_car_type_in">
					<li><div id="type_null">
							<i class="type_img1"></i>
							<dd>不限</dd>
						</div></li>
					<a></a>
					<li><a> <i name="pic_change3" class="type_img2"></i>
							<dd>手动紧凑型</dd>
					</a></li>
					<li><a> <i name="pic_change4" class="type_img3"></i>
							<dd>经济型</dd>
					</a></li>
					<li><a> <i name="pic_change5" class="type_img4"></i>
							<dd>商务型</dd>
					</a></li>
					<li><a> <i name="pic_change6" class="type_img5"></i>
							<dd>豪华型</dd>
					</a></li>
					<li><a> <i name="pic_change7" class="type_img6"></i>
							<dd>SUV</dd>
					</a></li>
					<li><a> <i name="pic_change8" class="type_img7"></i>
							<dd>6至15座商务</dd>
					</a></li>
					<li><a> <i name="pic_change9" class="type_img8"></i>
							<dd>个性车</dd>
					</a></li>
					<li><a> <i name="pic_change10" class="type_img9"></i>
							<dd>电动车</dd>
					</a></li>

				</ul>
			</div>

			<!--价格-->

			<div class="dz_car_pice">
				<p class="dz_p">价格(元)</p>
				<div class="dz_p_li">
					<ul class="dz_ul1">
						<li><div id="cost_null">
								<span class="w40"></span>
							</div></li>
						<a></a>
						<li><a><span class="w40"></span></a></li>
						<li><a><span class="w40"></span></a></li>
						<li><a><span class="w40"></span></a></li>
						<li><a><span class="w70"></span></a></li>
					</ul>
					<ul class="dz_ul2">
						<li id="u_bx" class="w40">不限</li>
						<li id="u_0" class="w35">0</li>
						<li id="u_150" class="w42">150</li>
						<li id="u_300" class="w42">300</li>
						<li id="u_500" class="w37">500</li>
						<li id="u_500+" class="w44">500+</li>
					</ul>
				</div>
			</div>
			<!--品牌-->

			<div class="dz_car_brand">
				<p class="dz_p">品牌</p>
				<ul class="dz_car_brand_in">
					<li><div id="brand_null">不限</div></li>
					<a></a>
					<li><a>奥迪</a></li>
					<li><a>宝马</a></li>
					<li><a>奔驰</a></li>
					<li><a>本田</a></li>
					<li><a>标致</a></li>
					<li><a>别克</a></li>
					<li><a>比亚迪</a></li>
					<li><a>长城</a></li>
					<li><a>大众</a></li>
					<li><a>丰田</a></li>
					<li><a>福特</a></li>
					<li><a>金杯</a></li>
					<li><a>凯迪拉克</a></li>
					<li><a>铃木</a></li>
					<li><a>马自达</a></li>
					<li><a>奇瑞</a></li>
					<li><a>起亚</a></li>
					<li><a>斯柯达</a></li>
					<li><a>现代</a></li>
					<li><a>雪佛兰</a></li>
					<li><a>雪铁龙</a></li>
					<li><a>猎豹</a></li>
					<li><a>日产</a></li>
					<li><a>沃尔沃</a></li>
					<li><a>依维柯</a></li>
					<li><a>华泰</a></li>
					<li><a>野马</a></li>
					<li><a>三菱</a></li>
					<li><a>MINI</a></li>
					<li><a>雪铁龙DS</a></li>
					<li><a>北京汽车</a></li>
					<li><a>菲亚特</a></li>
					<li><a>江淮</a></li>
					<li><a>江铃</a></li>
					<li><a>上汽大通</a></li>
					<li><a>华颂</a></li>
					<li><a>风行</a></li>
					<li><a>广汽</a></li>
				</ul>
			</div>
			<!--地址-->

			<div class="dz_car_address">
				<p class="font_13">株洲&nbsp;王府井服务点</p>
				<div class="dz_car_map">地图</div>
				<div class="dz_car_address_in">
					<p class="font_12 font_color">地址：</p>
					<p class="font_12">
						芦淞区新华西路999号（A座大堂） <a href="#">线路查询</a>
					</p>
					<p class="font_12 font_color">
						营业时间: <span class="font_12">09:00-19:00</span>
					</p>
					<p class="font_12 font_color">
						门店电话: <span class="font_12">15367186816</span>
					</p>
					<p class="font_12 font_color float_left">客户评价：
					<ul class="dz_user_eval">
						<li>⭐</li>
						<li>⭐</li>
						<li>⭐</li>
						<li>⭐</li>
						<li>⭐</li>
						<li>⭐</li>
					</ul>
					</p>
					<span class="font_12">4411<span class="font_12">条评论</span></span>
				</div>
			</div>
		</div>

		<!--右边的div-->

		<div class="dz_body_right">

			<div class="dz_navigation">

				<div>短租自驾</div>
				<div>工作日套餐</div>
				<div>周租套餐</div>
				<div>月租套餐</div>
				<div>年租套餐</div>
				<div>年租套餐</div>
				<span class="dz_navigation_div">租金由低到高</span>
				<p class="dz_active">租期再加两天，您就可以享受周租套餐9折优惠了</p>
			</div>
			<div class="dz_car_show">
				<table id="car_list" class="dz_car_show_in" cellpadding="0"
					cellspacing="0">
					<c:forEach items="${list }" var="a">
						<tr>
							<td class="car_pic">
								<form action="car_info" method="post">
									<input name="carid" type="hidden" value="${a.getId() }" />
								</form> <img src="${a.getAddress() }" onclick='car_info(this)' />
							</td>
							<td class="car_info">
								<div>
									<p class="car_name">${a.getBrand() }</p>
									<p class="car_oth">
										${a.getLablexiang() } | ${a.getLablequandon() } |
										乘坐${a.getSeating() }人 <input type="hidden" name="sum"
											value="${a.getAddress() }">
									</p>
									<c:choose>
										<c:when test="${a.getHot()==1 }">
											<i class="car_hot">热门车</i>
										</c:when>
									</c:choose>
									<c:choose>
										<c:when test="${a.getNew_()==1 }">
											<i class="car_new">新车型</i>
										</c:when>
									</c:choose>
									<c:choose>
										<c:when test="${a.  getTianchuang()==1 }">
											<i class="car_new">天窗车</i>
										</c:when>
									</c:choose>
								</div>
							</td>
							<td class="car_odr">
								<div>
									<div class="car_price">
										<span class="car_rmb">￥</span><span name="rmb_cnt"
											class="rmb_cnt">${a.getLease_expense() }</span><span
											class="odr_font">/日均</span><br /> <span class="odr_font">总价：￥</span><span
											class="odr_font" name="money">
											${a.getLease_expense()*2  } </span>
									</div>
									<div class="zc_btn" onclick="fun(this)">
											租车	
									</div>
								</div>
							</td>
						</tr>
					</c:forEach>

				</table>
			</div>

		</div>
	</div>

	<!--网页足部-->

	<div class="dz_floot_base">

		<div class="floot_left">
			<div class="floot_left_in">
				<p class="font_14">
					积分返还规则<span class="font_12">(10可用积分 = 1元)</span>
				</p>
				<ul class="floot_left_list">
					<li><i class="floot_lst_1"></i>
						<div class="">
							<p>普卡会员</p>
							<dd>
								租车有效消费金额的 <span>10%</span>
							</dd>
						</div></li>
					<li><i class="floot_lst_2"></i>
						<div class="">
							<p>银卡会员</p>
							<dd>
								租车有效消费金额的 <span>12%</span>
							</dd>
						</div></li>
					<li><i class="floot_lst_3"></i>
						<div class="">
							<p>金卡会员</p>
							<dd>
								租车有效消费金额的 <span>15%</span>
							</dd>
						</div></li>
					<li><i class="floot_lst_4"></i>
						<div class="">
							<p>白金卡会员</p>
							<dd>
								租车有效消费金额的 <span>20%</span>
							</dd>
						</div></li>
					<li><i class="floot_lst_5"></i>
						<div class="">
							<p>钻石卡会员</p>
							<dd>
								租车有效消费金额的 <span>25%</span>
							</dd>
						</div></li>
				</ul>
			</div>
			<p class="floot_about">
				积分将在还车结算后次日计入您的名下 <a href="#">详细</a>
			</p>
		</div>

		<div class="floot_right">
			<p class="floot_right_p1">
				选车记录<span>(0)</span>
			</p>
			<div>
				<ul>
					<li>
						<div>
							<img src="img/dz/img_dz/klz.jpg" />
							<p class="car_choos_pice">
								<span>￥</span><span>85</span><span>/日均</span>
							</p>
							<p class="font_14">雪佛兰科鲁兹</p>
							<p class="font_12">三厢 | 1.5自动 | 乘坐5人</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div class="wxts">
		<div class="wxts_ts">
			<h1>温馨提示</h1>
			<p></p>
			<div class="wxts_btn">关闭</div>
		</div>
	</div>
</body>
</html>